<template>
    <div class="shaixuan">
        <div class="mr10">
            <el-select v-if="activeName == '公告标讯'" v-model="publishing.bulletin" multiple collapse-tags
                placeholder="公告类型" style="width: 240px">
                <el-option v-for="item in bulletin" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            <el-input v-if="activeName == '企业公司'" v-model="company" placeholder="公司名称" style="width: 240px" />
        </div>
        <div class="mr10">
            <el-select v-if="activeName == '公告标讯'" v-model="publishing.industry" multiple collapse-tags
                placeholder="所属行业" style="width: 240px">
                <el-option v-for="item in industry" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            <el-input v-if="activeName == '企业公司'" v-model="publishing.business" placeholder="经营范围"
                style="width: 240px" />
        </div>
        <div class="mr10">
            <el-date-picker v-model="publishing.time" type="date" placeholder="收藏日期" :size="size" format="YYYY/MM/DD"
                value-format="x" />
        </div>
        <div>
            <el-button color="#6675FF" :icon="Search" @click="Chaclick">查询</el-button>
        </div>
    </div>
</template>
<script setup>
import { Search } from "@element-plus/icons-vue";
import { reactive } from "vue";
const prop = defineProps({
    activeName: {
        type: String,
        default: '公告标讯'
    }
})
let publishing = reactive({
    bulletin: [],//公告类型
    industry: [],//所属行业
    time: '',
    company: '',//公司名称
    business: '',//经营范围
});
// 公告类型
let bulletin = [
    {
        value: 'Option1',
        label: 'Option1',
    },
    {
        value: 'Option2',
        label: 'Option2',
    },
    {
        value: 'Option3',
        label: 'Option3',
    },
    {
        value: 'Option4',
        label: 'Option4',
    },
    {
        value: 'Option5',
        label: 'Option5',
    },
]

// 所属行业
let industry = [
    {
        value: 'Option1',
        label: 'Option1',
    },
    {
        value: 'Option2',
        label: 'Option2',
    },
    {
        value: 'Option3',
        label: 'Option3',
    },
    {
        value: 'Option4',
        label: 'Option4',
    },
    {
        value: 'Option5',
        label: 'Option5',
    },
]

let assemble = reactive({
    bulletinLiss: [],
    industryLiss: []
})

const Chaclick = () => {
    console.log(publishing)
}


defineExpose({ assemble })
</script>

<style lang="scss" scoped>
.shaixuan{
    display: flex;
}
.mr10{
    margin-right: 10px;
}

.el-button {
    width: 90px;
    height: 36px;
    color: #fff;
}
</style>